<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>16周：2d+响应式练习2</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
	</head>
	<body>
		<header>
			<img src="images/logo.png" />
		</header>
	
			<nav class="daohang1">
				<div class="daohang-wk">
				<ul class="daohang-ul">
					<li class="daohang-li"><a href="#"> <i class="fa fa-paint-brush" aria-hidden="true"></i>UI </a></li>
				    <li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-keyboard-o" aria-hidden="true"></i>输入 </a></li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-film" aria-hidden="true"></i>媒体 </a></li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-paper-plane-o" aria-hidden="true"></i>导航</a> </li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-dropbox"></i>其他 </a></li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-th-large"></i>网页模板 </a></li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-file-code-o"></i>常用代码</a> </li>
					<li>|</li>
					<li class="daohang-li"><a href="#"><i class="fa fa-thumbs-up" aria-hidden="true"></i>虚拟主机 </a></li>
				</ul>
				</div>
			</nav>
		
		<div class="sousuo">
			<input type="text" class="sousuolan" placeholder="&nbsp;&nbsp;&nbsp;输入插件关键字 "  />
		</div>
		<div class="main">
			<div class="main-width">
				<div class="wz"><span class="ShouYe">首页&nbsp; /&nbsp; 布局</span> <span class="FaBu">/&nbsp;&nbsp;&nbsp;
				<i class="fa fa-flag" aria-hidden="true"></i>最新发布&nbsp;
				<i class="fa fa-heart" aria-hidden="true"></i>最多收藏 &nbsp;
				<i class="fa fa-comments-o"></i>最多评论 </span> </div>
				<div class="qb">
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				<div class="nr" >
					<div class="jj-wk">
					<div class="nr-tp-wk"> <img src="images/1.png" class="nr-tp"/>  </div>
					<div class="nr-jj">
						<div class="wz-blue">go.js流程图绘制 无水印 箭头随意拖拽</div>
						<div class="wz-blake">go.js流程图绘制 箭头随意拖拽。根据go.js改编而成。</div>
						<div class="liebiao"><i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 布局,拖和放</div>
					</div>
					<div class="nr-rd">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<i class="fa fa-eye" aria-hidden="true"></i>
						&nbsp;4047&nbsp;&nbsp;&nbsp;
						<i class="fa fa-heart" aria-hidden="true"></i> 
						71
					</div>
					</div>
				</div>
				
				
				</div>
				
				<div class="jiantou"><div class="py"> <a href="#" class="next">→</a></div></div>
			</div>
		</div>
		
		<nav class="foot-late" style="overflow: hidden;position: fixed;bottom:0px;width:100%;z-index:999">
		<ul class="list-inline">
		<li class="footer-ss"><a href="https://www.jq22.com/copyright.aspx">版权声明</a></li>
		<li class="footer-ss"><a href="https://www.jq22.com/feedback.aspx">在线反馈</a></li>
		<li class="footer-ss"><a href="https://www.jq22.com/cooperation.aspx">广告合作</a></li>
		<li class="footer-ss"><a href="https://www.jq22.com/web-article1">帮助中心</a></li>
		<li style="float:left"> Copyright &#169 2012-2017 jQuery插件库Version 3.0.0. 备案号:<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">沪ICP备13043785号-1</a>
		 <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33041102000314"
		  style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"></a></li>
		</ul>
		<ul class="list-inline text-right">
		<li>
		</li>
		</ul>
		</nav>
	</body>
</html>
